<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>angular-1测试页面</title>
<script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script>
</head>
<body>
	<h2 align="center">angular的几个指令：</h2>
	<ol>
		<li>ng-app:定义一个angular app,网页加载完毕时会自动引导（自动初始化）应用程序</li>
		<li>ng-model:将元素的值绑定到应用程序</li>
		<li>ng-bind:把应用程序数据绑定到 HTML 视图</li>
		<li>ng-init：初始化 AngularJS 应用程序变量,多个用分号隔开,ng-init 指令为</li>
		<li>data-ng-:让网页对 HTML5 有效(data-为自定义属性前缀)</li>
	</ol>
	
	<fieldset>
		<legend>ng-app/model/init/bind或{{属性表达式}}测试</legend>
		<div ng-app="" ng-init="
		name='Zhan san';
		names=[
		{name:'Jani',country:'Norway'},
		{name:'Hege',country:'Sweden'},
		{name:'Kai',country:'Denmark'}]">
			<p>
				姓名：<input type="text" ng-model="name" />
			</p>
			<h3>hello-1 {{5+5}}</h3>
			<h3>
				hello-2 <span  ng-bind="name" />
			</h3>
			 <ol ng-repeat="nm in names">
			    <li>{{nm.name}}</li>
			 </ol>
		</div>
	</fieldset>
</body>
</html>